<template>
  <div class="home">
   <div>全部任务（{{$store.state.tasklist.length}})</div>
   <div>与完成任务 ({{ $store.state.tasklist.length - $store.getters.unFinishCount}})</div>
   <div>未完成({{$store.getters.unFinishCount}})</div>
  </div>
</template>

<script>


export default {
  
}
</script>
<style lang="scss">
  .home{
    display: flex;
    justify-content: space-around;
    color: white;
    div{
      border-radius: 5px;
      font-size: 14px;
      padding: 5px 0;
      &:nth-child(1){
        background-color: lightskyblue;
      }
      &:nth-child(2){
        background-color:lightskyblue ;
      }
      &:nth-child(3){
        background-color:lightcoral ;
      }
    }
  }
</style>
